<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-language" content="ja"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui.js"></script>
	<script type="text/javascript" src="scripts/modernizr.custom.53451.js"></script>
	<script type="text/javascript" src="scripts/jquery.gallery.js"></script>

	<script type="text/javascript" src="scripts/main.js"></script>
	<link href="css/gallery.css" rel="stylesheet" type="text/css"/>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="page">
	<div class="header">
		<div style="height: 110px;">
			<div class="logo-head">COMPANY LOGO</div>
			<div class="logo-head-slogan"></div>
		</div>
		<div class="nav-bar">
			<div class="nav-item">
				<i class="icon ic-home"></i>Trang chủ
			</div>
			<div class="nav-item">
				<span><i class="icon ic-category"></i>Thể loại</span>

				<div class="nav-group">
					<div class="nav-sub-item">Lorem</div>
					<div class="nav-sub-item">Ipsum is</div>
					<div class="nav-sub-item">Sequitur</div>
				</div>
			</div>
			<div class="nav-item">
				<span><i class="icon ic-audio"></i>Audio book</span>

				<div class="nav-group">
					<div class="nav-sub-item">Mutationem</div>
					<div class="nav-sub-item">Consuetudium</div>
					<div class="nav-sub-item">Lectorum</div>
				</div>
			</div>
			<div class="nav-item"><i class="icon ic-account"></i>Tài khoản</div>
			<div id="btn-account" class="nav-item"><i class="icon ic-account"></i>Trợ giúp</div>
			<div class="nav-search">
				<input type="text" class="nav-search-input" placeholder="Input keyword"/>
				<a class="nav-search-btn">Tìm</a>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="list-view">
			<div class="pr-head"><span class="pr-detail-name">Tài khoản</span></div>
			<div class="pr-detail">
				<div class="pr-profile-left">
					<div class="pr-profile-menu">
						<a class="pr-profile-menu-item edit"><i></i> Chỉnh sửa</a>
						<a class="pr-profile-menu-item change-pass"><i></i>Thay đổi Password</a>
					</div>
				</div>
				<div class="pr-profile-right">
					<div id="profile-page-view" class="pr-profile-page">

						<span class="strong-text">Anotrud Exci Name</span>
					<span class="pr-text separator">
						<span class="title-s-text"><span> Thông tin cơ bản</span></span>
						<span class="title-text">Ngày sinh:</span>
						<span class="field-text">12/12/1990</span>
						<span class="title-text">Quốc tịch:</span>
						<span class="field-text">Việt Nam</span>
						<span class="title-text">Địa chỉ:</span>
						<span class="field-text">11/3 Ex ea, Duis aute, Irure dolor nin, Eprehe nderit Velit</span>
						<span class="title-text">Số điện thoại:</span>
						<span class="field-text">0269965789</span>
						<!--<div class="profile-decorate">
							<div class="profile-decorate-group">
								<div class="profile-deco-back"></div>
								<div class="profile-deco-front"></div>
							</div>
						</div>-->
					</span>
					<span class="pr-text separator">
						<span class="title-s-text"><span>Thông tin tài khoản</span></span>
						<span class="title-text">Số tài khoản:</span>
						<span class="field-text">092012903234</span>
						<span class="title-text">Phone:</span>
						<span class="field-text">0912033490</span>
						<span class="title-text">Địa chỉ:</span>
						<span class="field-text"> Duis aute, Irure dolor nin, Eprehe</span>
					</span>
					</div>
					<div id="profile-page-password" class="pr-profile-page disable">
						<span class="pr-text separator">
							<span class="title-s-text"><span> Thay đổi password</span></span>
						<span class="title-text">Password:</span>
						<input type="password" class="popup-input"/>
						<span class="title-text">Xác nhận:</span>
						<input type="password" class="popup-input"/>
					</span>
						<a class="popup-button right">Xác nhận</a>

					</div>
					<div id="profile-page-edit" class="pr-profile-page disable">
						<span class="pr-text separator">
						<span class="title-s-text"><span> Thông tin cơ bản</span></span>
						<span class="title-text">Ngày sinh:</span>
						<input type="text" class="popup-input"/>
						<span class="title-text">Quốc tịch:</span>
						<input type="text" class="popup-input"/>
						<span class="title-text">Địa chỉ:</span>
						<input type="text" class="popup-input"/>
						<span class="title-text">Số điện thoại:</span>
						<input type="text" class="popup-input"/>
						</span>
						</span>
					<span class="pr-text separator">
						<span class="title-s-text"><span>Thông tin tài khoản</span></span>
						<span class="title-text">Số tài khoản:</span>
						<input type="text" class="popup-input"/>
						<span class="title-text">Phone:</span>
						<input type="text" class="popup-input"/>
						<span class="title-text">Địa chỉ:</span>
						<input type="text" class="popup-input"/>
					</span>
						<a class="popup-button right">Hoàn tất</a>
					</div>

				</div>


			</div>
		</div>
		<div class="banner-view">
			<a class="banner-btn left"></a>
			<a class="banner-btn right"></a>
			<ul class="pr-list list-banner" id="list3">
				<li class="pr-item-banner" style="background-image: url('images/resources/img01.jpg')">
				</li>
				<li class="pr-item-banner" style="background-image: url('images/resources/img02.jpg')">
				</li>
				<li class="pr-item-banner" style="background-image: url('images/resources/img03.jpg')">
				</li>
				<li class="pr-item-banner" style="background-image: url('images/resources/img04.jpg')">
				</li>
				<li class="pr-item-banner" style="background-image: url('images/resources/img05.jpg')">
				</li>
				<li class="pr-item-banner" style="background-image: url('images/resources/img02.jpg')">
				</li>
			</ul>
		</div>
	</div>
	<div class="footer">
		<ul class="footer-nav">
			<li class="footer-nav-item"><i class="footer-nav-icon ic-account"></i><span>Tài khoản</span></li>
			<li class="footer-nav-item"><i class="footer-nav-icon ic-ship"></i><span>Đã mua</span></li>
			<li class="footer-nav-item"><i class="footer-nav-icon ic-pig"></i><span>Nạp tiền</span></li>
			<li class="footer-nav-item"><i class="footer-nav-icon ic-game"></i><span>Trò chơi</span></li>
		</ul>
		<div class="logo">COMPANY LOGO</div>
		<div class="footer-info">
			• Lorem ipsum dolor sit amet • Consectetuer adipiscing elit • Ntut laoreet dolore magna • Aliquam erat
			volutpat.
			<br/>
			• Dolor sit amet • Consectetunt • Laoreet dolore magna • Aliquam volutpat.
		</div>
	</div>
</div>
</body>
</html>